<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>NexusLevel</title>
		<meta name="description" content="" />
		<meta name="author" content="" />
		<link rel="shortcut icon" href="/favicon.ico" />
		
		<link type="text/css" rel="stylesheet" href="../../css/jqui.min.css">
		<link type="text/css" rel="stylesheet" href="../../css/widClassic.css">
		<script src="../../libs/require.js"></script>
		<script src="../../libs/jq2.min.js"></script>
		<script src="../../libs/jqui.min.js"></script>
	</head>

	<body>
		<script src="testInit.js"></script>
		<script>
			require(['WID/UI/Root','WID/UI/Window',
				'WID/UI/Label','WID/UI/Button','WID/UI/Checkbox','WID/UI/Radio'],
				function(Root,Window,Label,Button,Checkbox,Radio) {
				"use strict";
				Root.addChilds([
					new Window({id:'win1',
								w:'300',h:'300',caption:'Static Window',
								content:[
									new Label({text:'Test label'}),
									new Button({caption:'Test button'}),
									new Checkbox(),
									new Radio(),
								]}),
					new Window({id:'win2',draggable:true,
									w:'300',h:'300',caption:'Movable Window', 
									content:[
										new Label({text:'Test label'}),
										new Button({caption:'Test button'}),
										new Checkbox(),
										new Radio(),
									]}),
					new Window({id:'win3',resizable:true,
									w:'300',h:'300',caption:'Resizable Window', 
									content:[
										new Label({text:'Test label'}),
										new Button({caption:'Test button'}),
										new Checkbox(),
										new Radio(),
									]}),
				]);
				
				var w = new Window({id:'win4',draggable:true,resizable:true,
                           w:'300',h:'300',caption:'Movable and Resizable Window', 
                           content:[
                              new Label({text:'Test label'}),
                              new Button({caption:'Test button'}),
                              new Checkbox(),
                              new Radio(),
                           ]});
             w.width = '500px';      
             Root.addChild(w);              
			});
		</script>
		
	</body>
</html>

